<template>
	<view class="about-content">
		<view class="platform-box">
			<image src="../../static/index/组 13.png" mode=""></image>
			<view>
				<image src="../../static/index/logo.png" mode=""></image>
				<view>贵州讲安科技有限公司</view>
			</view>
		</view>
		<view class="detail-list">
			<view class="detail-item" @click="gotoNext('/pagesA/richText/index?type=1')">
				<view>平台简介</view>
				<image src="../../static/index/right.png" mode=""></image>
			</view>
			<view class="detail-item" @click="gotoNext('/pagesA/richText/index?type=2')">
				<view>用户协议</view>
				<image src="../../static/index/right.png" mode=""></image>
			</view>
			<view class="detail-item" @click="gotoNext('/pagesA/richText/index?type=3')">
				<view>隐私政策</view>
				<image src="../../static/index/right.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
// import 
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			gotoNext(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss">
	.about-content{
		padding: 20rpx;
		
		.platform-box{
			width: 100%;
			height: 300rpx;
			position: relative;
			
			>image{
				width: 100%;
				height: 100%;
			}
			
			>view{
				position: absolute;
				top: 0%;
				width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				color: #fff;
				font-size: 30rpx;
				
				>image{
					width: 160rpx;
					height: 160rpx;
					margin-bottom: 20rpx;
				}
				
			}
		}
	}
	.detail-list{
		margin-top: 40rpx;
		
		.detail-item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 30rpx;
			background-color: #fff;
			border-radius: 10rpx;
			margin-bottom: 20rpx;
			
			>image{
				width: 28rpx;
				height: 28rpx;
			}
		}
	}
</style>
